<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>铲子电脑大卖场</title>
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="top-wrap">
        <div class="top">
            <div class="left">
                <ul>
                    <li class="cur"><a href="javascript::">首页商城</a></li>
                    <li><a href="javascript::">服务中心</a></li>
                    <li><a href="javascript::">以旧换新</a></li>
                    <li><a href="javascript::">新机租赁</a></li>
                    <li><a href="javascript::">驱动下载</a></li>
                </ul>
            </div>
            <div class="right">
                <div class="load">
                    <!-- <a href="./load.html">登录</a>
                    <span>|</span>
                    <a href="javascript::">注册</a> -->
                </div>
                <div>
                    <a href="javascript::">消息</a>
                    <div class="xiala1"></div>
                </div>
                <div>
                    <a href="javascript::">我的订单</a>
                    <div class="xiala2"></div>
                </div>
                <div><a href="./cart.html">购物车</a>
                    <br>
                    <!-- <p>天选游戏本</p> <p>Vivobook</p> -->
                </div>
                
            </div>
        </div>
    </div>
    <div class="nav-wrap">
        <div class="nav">
            <div class="left"><a href="javascript::"><img
                        src="./images/logo.png" alt="" height="78"></a>
            </div>
            <div class="central">
                <ul>
                    <li class="lis">
                        <div><a href="javascript::">华硕官网</a></div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">个人及家用</a></div>
                        <!-- 下拉菜单 -->
                        <div class="pull-wrap">
                            <div class="pull">
                                <!-- <p>热门推荐</p> -->
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>笔记本电脑</p>
                                    
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">热门活动</a></div>
                        <div class="pull-wrap">
                            <div class="pull">
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/remen.jpg" alt="">
                                    </a>
                                    <p>华硕超级会员日</p>
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/remen.jpg" alt="">
                                    </a>
                                    <p>华硕超级会员日</p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="xl"><a href="javascript::">服务支持</a></div>
                        <div class="pull-wrap">
                            <div class="pull">
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>玩家国度论坛</p>
                                </div>
                                <div class="div1">
                                    <a href="javascript::">
                                        <img src="./images/gerenjijiayong.png" alt="">
                                    </a>
                                    <p>玩家国度论坛</p>
                                </div>
                               
                            </div>
                        </div>
                    </li>
                    <li class="lis">
                        <div><a href="javascript::">华硕官网</a></div>
                    </li>
                    
                </ul>
            </div>
            <div class="right">
                <input type="text" placeholder="电竞发烧">
                <button><img src="./images/1606188058(1).jpg" alt=""></button>
            </div>
            <!-- 左侧导航 -->
            <div class="menu">
                <ul>
                    <li class="l1">
                        <a href="javascript::">笔记本电脑</a>
                        <div class="menu2"></div>
                    </li>
                    <li class="l2"><a href="javascript::">电竞专区</a>
                        <div class="menu2"></div>
                    </li>
                    <li><a href="javascript::">a豆专区</a>
                        <div class="menu2"></div>
                    </li>
                    <li><a href="javascript::">整机专区</a>
                        <div class="menu2"></div>
                    </li>
                    <li><a href="javascript::">只能产品</a>
                        <div class="menu2"></div>
                    </li>
                    <li><a href="javascript::">鼠键外设</a>
                        <div class="menu2"></div>
                    </li>
                    <li><a href="javascript::">电脑配件</a>
                        <div class="menu2"></div>
                    </li>
                    <li><a href="javascript::">周边配件</a>
                        <div class="menu2"></div>
                    </li>
                </ul>
        </div>
    </div>
    <div class="banner-wrap">
        <div class="banner">
            <img class="show1"src="./images/lun4.jpg" alt="">
            <img src="./images/lun1.jpg" alt="">
            <img src="./images/lun2.jpg" alt="">
            <img src="./images/lun3.jpg" alt="">
            <div class="dot"></div>
        </div>
    </div>
    <div class="fast-icon">
        <div class="icon"><img  src="./images/guanggao1.png" alt=""></div>
        <div class="icon"><img  src="./images/guanggao1.png" alt=""></div>
        <div class="icon"><img  src="./images/guanggao1.png" alt=""></div>
    </div>
    </div>
    <!-- <div class="main1">
        <div class="left">
            <div class="top">
                <p>1F 游戏专区</p>

            </div>
            <a href="javascript::"><img class="lazy" alt="" width="226" height="630"
                    src="./images/youxizhuanqu.jpg"></a>
        </div>
        <div class="right">
            <div class="top">
                <ul>

                    <li><a href="javascript::">查看更多></a></li>
                </ul>
            </div>
            <div class="bottom">
                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>
                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>

                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>
                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>
                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>
                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>
                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>
                <div class="goods">
                    <div class="img">
                        <a href="javascript::"><img class="lazy" alt=""
                                src="./images/1606208156(1).jpg"></a>
                    </div>
                    <div class="info">
                        <h1><a href="javascript::">飞行堡垒</a></h1>
                        <p>十代  I5  GTX</p>
                        <h3>6999</h3>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <div class="main1">
        <!-- 动态渲染数据 -->
        <div class="left"></div>
        <div class="right">
            <div class="top">
                <ul>
                    <li><a href="javascript::">查看更多></a></li>

                </ul>
            </div>
            <!-- 动态渲染数据 -->
            <div class="bottom"></div>
        </div>
    </div>
    <div class="slogan">
        <a href="#"><span>百强企业 品质保证</span></a>
        <a href="#"><span>7天退货 15天换货</span></a>
        <a href="#"><span>48元起免运费</span></a>
        <a href="#"><span>2000家服务店 全国联保</span></a>
    </div>
    <div class="service">
        <div class="sl">
            <dl class="s1">
                <dt>
                    <p class="title">购物相关</p>
                </dt>
                <dd>
                    <ol>
                        <li><a href="#">购物指南</a>
                        </li>
                        <li><a href="#">配送方式</a>
                        </li>
                        <li><a href="#">支付方式</a>
                        </li>
                        <li><a href="#">常见问题</a>
                        </li>
                    </ol>
                </dd>
            </dl>
            <dl class="s2">
                <dt>
                    <p class="title">保修与退换货</p>
                </dt>
                <dd>
                    <ol>
                        <li><a href="#">保修政策</a>
                        </li>
                        <li><a href="#">退换货政策</a>
                        </li>
                        <li><a href="#">退换货流程</a>
                        </li>
                        <li><a href="#">保修状态查询</a></li>
                        <li><a href="#">配件防伪查询</a></li>
                    </ol>
                </dd>
            </dl>
            <dl class="s3">
                <dt>
                    <p class="title">维修与技术支持</p>
                </dt>
                <dd>
                    <ol>
                        <li><a href="#">服务店</a></li>
                        <li><a href="#">预约维修</a></li>
                        <li><a href="#">电脑寄修</a></li>
                        <li><a href="#">备件价格查询</a></li>
                        <li><a href="#">上门服务</a></li>
                    </ol>
                </dd>
            </dl>
            <dl class="s4">
                <dt>
                    <p class="title">特色服务</p>
                </dt>
                <dd>
                    <ol>
                        <li><a href="#">防伪查询</a></li>
                        <li><a href="#">补购保障</a>
                        </li>
                        <li><a href="#">以旧换新</a></li>
                        <li><a href="#">礼品包装</a></li>
                    </ol>
                </dd>
            </dl>
            <dl class="s5">
                <dt>
                    <p class="title">关于我们</p>
                </dt>
                <dd>
                    <ol>
                        <li><a href="#">公司介绍</a></li>
                        <li><a href="#">铲子商城简介</a>
                        </li>
                        <li><a href="#">铲子零售店</a></li>
                        <li><a href="#">金铲子零售店</a>
                        <li><a href="#">商家中心</a>
                        </li>
                        </li>

                        <li><a href=" #">意见反馈</a>
                        </li>
                    </ol>
                </dd>
            </dl>
            <dl class=" s6">
                <dt>
                    <p class="title">友情链接</p>


                </dt>
                <dd class="">
                    <div style="width: 318px; margin-left: 0px;">
                        <ol>
                            <li><a href="#">铲子集团</a></li>
                            <li><a href="#">铲子CBG官网</a></li>
                            <li><a href="#">进铲子官网</a></li>
                            <!-- <li><a href="#">花粉俱乐部</a></li>
                            <li><a href="#">华为云</a></li> -->
                        </ol>

                    </div>


                </dd>
            </dl>
        </div>
        <div class="sr">
            <h3>950805</h3>
            <h4>7x24小时客服热线（仅收市话费）</h4>
            <a href="#">在线客服</a>
            <h5>关注铲子:</h5>
        </div>
    </div>
    <div class="bg">
        <div class="footer">
            <!-- <div class="btmLogo">
                <a href="#"><img src="./img/btmLogo.png" alt=""></a>
            </div> -->
            <div class="footerNav">
                <ul>
                    <li>
                        <a href="#">铲子集团</a>
                    </li>
                    <li>
                        <a href="#">铲子CBG官网</a>
                    </li>
                    <li>
                        <a href="#">金铲子官网</a>
                    </li>
                    <!-- <li>
                        <a href="#">花粉俱乐部</a>
                    </li>
                    <li>
                        <a href="#">华为应用市场</a>
                    </li>
                    <li>
                        <a href="#">EMUI</a>
                    </li>
                    <li>
                        <a href="#">华为终端云空间</a>
                    </li> -->
                    <li>
                        <a href="#">开发者联盟</a>
                    </li>
                    <!-- <li>
                        <a href="#">华为商城手机版</a>
                    </li> -->
                    <li>
                        <a href="#">网站地图</a>
                    </li>
                </ul>
                <br>
                <a href="#">隐私声明</a>
                <a href="#">服务协议</a>
                <a href="#">COOKIES</a>
                Copyright © 2012-
                <span>2020</span>
                铲子终端有限公司 版权所有
                <a href="#">粤ICP备19015064号</a>
                <em>|</em>
                <a href="#">粤公网安备 44190002003939号</a>
                <br>
                增值电信业务经营许可证：粤B2-20190762
                <em>|</em>
                备案主体编号：44201919072182

            </div>
            <!-- <img id="picture" src="./img/smalllogo.png" alt=""> -->

        </div>


    </div>

</body>
<script src="./jquery.js"></script>
<script src="./index.js"></script>
<script src="./cookie.js"></script>


</html>